<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/swiper.min.css" type="text/css">
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/media.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="logo">
    <h2>果然新鲜</h2>
</div>
<div id="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/banner.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>

<div id="wrapper">
    <div class="show">
        <div class="sp">
            <h3 class="fl">新鲜水果</h3>
            <span class="fr">
              <a href="#"> &gt;</a>
            </span>

        </div>

        <div class="container">
            <div class="container_1">
                <img src="img/shou2.jpg" alt="">
                <div class="jg">
                    <h4>「奇异果」</h4>
                    <span>￥<strong>28</strong>/斤</span>
                </div>
                <p>无添加 无污染 </p>
            </div>
            <div class="container_2">
                <img src="img/shou3.jpg" alt="">
                <div class="jg">
                    <h4>「新鲜蓝莓」</h4>
                    <span>￥<strong>28</strong>/斤</span>
                </div>
                <p>自然耕作 自然成熟 无添加 无污染 </p>
            </div>
            <div class="container_1">
                <img src="img/show5.jpg" alt="">
                <div class="jg">
                    <h4>「新鲜蓝莓」</h4>
                    <span>￥<strong>28</strong>/斤</span>
                </div>
                <p>自然耕作 自然成熟 无添加 无污染 </p>
            </div>
            <div class="container_2">
                <img src="img/show6.jpg" alt="">
                <div class="jg">
                    <h4>「新鲜蓝莓」</h4>
                    <span>￥<strong>28</strong>/斤</span>
                </div>
                <p>自然耕作 自然成熟 无添加 无污染 </p>
            </div>
        </div>
    </div>



    <div class="list">
        <div class="sp">
            <h3 class="fl">水果店铺</h3>
            <span class="fr">
              <a href="#"> &gt;</a>
            </span>

        </div>
        <div class="list_container">
            <div class="list_1">
                <div class="list_1_img">
                    <img src="img/show1.jpg" alt="">
                </div>
                <div class="list_1_0">
                    <h2>水果多多</h2>
                    <div class="list_1_1">
                        <p>新鲜水果</p>
                        <span><a href="#">进店选购</a></span>
                    </div>
                </div>
            </div>
            <div class="list_1">
                <div class="list_1_img">
                    <img src="img/show1.jpg" alt="">
                </div>
                <div class="list_1_0">
                    <h2>四季鲜果</h2>
                    <div class="list_1_1">
                        <p>快来购买</p>
                        <span><a href="#">进店选购</a></span>
                    </div>
                </div>
            </div>
            <div class="list_1">
                <div class="list_1_img">
                    <img src="img/show1.jpg" alt="">
                </div>
                <div class="list_1_0">
                    <h2>瓜果天地</h2>
                    <div class="list_1_1">
                        <p>快来品尝</p>
                        <span><a href="#">进店选购</a></span>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="list">
        <div class="sp">
            <h3 class="fl">更多</h3>
            <span class="fr">
              <a href="#"> &gt;</a>
            </span>

        </div>
    <div class="choiceness">
        <div class="text">
            <p>天然无污染水果</p>
            <h4><strong>6.8 折</strong> 起</h4>
            <a href="#">查看详情</a>
        </div>
        <div class="choiceness-img">
            <img src="img/nw-1.png" alt="">
        </div>
    </div>
    </div>

    <div id="footer">
        <div class="top">
            <a href="#">客户端</a> | <a href="#">触屏版</a> | <a href="#">电脑版</a>
        </div>
        <div class="bottom">
            Copyright © YCKU 果然新鲜 | 苏ICP备120110119号
        </div>
    </div>
</div>
    <div class="header w100">
        <p class="header_p"><a class="header_p_a" href="index.html"><span class="headerSpan_a"></span>首页</a></p>
        <p class="header_p"><a class="header_p_a" href="search.html"><span class="headerSpan_b"></span>搜索</a></p>
        <p class="header_p"><a class="header_p_a" href="about.html"><span class="headerSpan_c"></span>关于</a></p>
        <p class="header_p"><a class="header_p_a" href="my.html"><span class="headerSpan_d"></span>我的</a></p>
    </div>
</body>
</html>
<script src="js/swiper.min.js"></script>
<script src="js/index.js"></script>